<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>秀色运动网-XSports.wang</title>
<script src="/js/jquery_2.0.3.js"></script>
<script src="/semantic/semantic.js"></script>
<link rel="stylesheet" type="text/css" href="/semantic/semantic.css">
<style>
.clublist .content .header {
	font-size: 0.8em;
}

.clublist .content .description {
	font-size: 0.7em;
}
</style>
</head>
<body>

	<div class="ui fluid two item menu">
		<a class=" item"> <i class="trophy icon"></i> 俱乐部
		</a> <a class=" item"> <i class="heartbeat icon"></i> 秀色榜
		</a>
	</div>
	<div class="ui yellow message">
		<i class="star icon"></i> To make the entire content of a item link,
		check out the link variation below
	</div>
	<div class="ui items">
		<div class="item">
			<a class="ui tiny image"> <img
				src="http://www.semantic-ui.cn/images/avatar/large/stevie.jpg">
			</a>
			<div class="content">
				<a class="header">Stevie Feliciano</a>
				<div class="description">
					<p>
						Stevie Feliciano is a <a>library scientist</a> living in New York
						City. She likes to spend her time reading, running, and writing.
					</p>
				</div>
			</div>
		</div>
		<div class="item">
			<a class="ui tiny image"> <img
				src="http://www.semantic-ui.cn/images/avatar/large/veronika.jpg">
			</a>
			<div class="content">
				<a class="header">Veronika Ossi</a>
				<div class="description">
					<p>
						Veronika Ossi is a set designer living in New York who <a>enjoys</a>
						kittens, music, and partying.
					</p>
				</div>
			</div>
		</div>
		<div class="item">
			<a class="ui tiny image"> <img
				src="http://www.semantic-ui.cn/images/avatar/large/jenny.jpg">
			</a>
			<div class="content">
				<a class="header">Jenny Hess</a>
				<div class="description">
					<p>
						Jenny is a student studying Media Management at <a>the New
							School</a>.
					</p>
				</div>
			</div>
		</div>
	</div>

	
</body>
</html>
